<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8"></meta>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"></meta>
    <title>homePage</title>
    <script type="text/javascript" th:inline="JavaScript">
    </script>

</head>

<body>
    <!-- 账号管理 -->
    <div th:fragment="account">
        <div class="cd-popup3  account-pop account" id="accountModal">
            <div class="cd-popup-container3 manageModal">
                <div class="modal-top"></div>
                <div class="modal-title">账号管理</div>
                <div class="tableModal">
                    <div class="fl searchAccountBox">
                        <span class="btnStyle refreshStyle" id="accountRefresh">刷新</span>
                    </div>
                    <div class="tableBox">
                        <table class="table table-bordered" style="margin: -1px; width: 1041px;">
                            <thead>
                                <tr>
                                    <th>
                                        <input id="accountSelectAll" type="checkbox">
                                    </th>
                                    <th>序号</th>
                                    <th>账号</th>
                                    <th>所属人</th>
                                    <th>所属人电话</th>
                                    <th>所属角色</th>
                                    <th>所属组织</th>
                                    <th class="authorizeModifiable">操作</th>
                                    <!-- <th sec:authorize="hasAuthority('modifiable')">操作</th> -->
                                </tr>
                            </thead>
                            <tbody class="tbodyList">
                                <!-- <tr>
                                <td>序号</td>
                                <td>账号</td>
                                <td>所属人</td>
                                <td>联系电话</th>
                                <td>所属组织</td>
                                <td>
                                    <span class="configBtnStyle modifyBtn margin0">修改</span>
                                </td>
                            </tr> -->  
    
                            </tbody>
                        </table>
                    </div>
                    
                </div>
                <a href="javascript:;" class="cd-popup-close closeModal"></a>
                <!-- 添加按钮-->
                <div class="addBtn addAccount-trigger authorizeModifiable">添加</div>
                <!-- <div class="addBtn addAccount-trigger" sec:authorize="hasAuthority('modifiable')">添加</div> -->
                <!-- 分页 -->
                <div class="dailyPageBox pageBox" id="accountPageBox">
                    <ul class="pagination" id="accountPage"></ul>
                    <div class="pageJump">
                        <span>跳转到</span>
                        <input type="text" />
                        <span>页</span>
                        <button type="button" class="button btn btn-default">跳转</button>
                    </div>
                </div>
                <!-- 导出、删除-->
                <div class="exportBox">
                    <span class="export">导出全部</span>
                    <!-- <span class="delete" id="accountDelBtn" sec:authorize="hasAuthority('modifiable')"></span> -->
                    <span class="delete" id="accountDelBtn authorizeModifiable"></span>
                </div>
            </div>
        </div>
        <!-- 账号添加 -->
        <div th:replace="main/account::addAccount"></div>

        <!-- 账号修改 -->
        <div th:replace="main/account::editAccount"></div>
        <script src="/configurationManage/js/account.js"></script>
    </div>

    <div th:fragment="addAccount">
        <!-------------------------------------添加------------------------------>
        <!-- 账号添加模态框-->
        <div class="cd-popup3 addAccount-pop addAccountPopStyle addAccount authorizeModifiable" id="addAccountModal">
            <!-- style="display: block;visibility: visible" -->
            <div class="cd-popup-container3 addAccountModal">
                <div class="modal-title">账号添加</div>
                <form id="addAccountForm">
                    <div class="row mb24" style="width:100%;">
                        <div class="col-xs-5">
                            <span>账号 : </span>
                        </div>
                        <div class="col-xs-7">
                            <input type="text" class="form-control loginNameVal notEmptyInput" name="loginName" autocomplete="off">
                        </div>
                    </div>
                    <input type="hidden" class="form-control notEmptyInput" id="originalloginName" name="originalloginName" autocomplete="off"
                    />

                    <div class="row mb24" style="width:100%;">
                        <div class="col-xs-5">
                            <span>密码 : </span>
                        </div>
                        <div class="col-xs-7">
                            <input type="text" class="form-control notEmptyInput" name="password" autocomplete="new-password" onfocus="this.type='password'">
                        </div>
                    </div>
                    <div class="row mb24" style="width:100%;">
                        <div class="col-xs-5">
                            <span>所属人 : </span>
                        </div>
                        <div class="col-xs-7">
                            <input type="text" class="form-control notEmptyInput" name="name" autocomplete="off">
                        </div>
                    </div>
                    <div class="row mb24" style="width:100%;">
                        <div class="col-xs-5">
                            <span>所属人电话 : </span>
                        </div>
                        <div class="col-xs-7">
                            <input type="text" class="form-control notEmptyInput" name="telephone" autocomplete="off">
                        </div>
                    </div>
                    <div class="row mb24" style="width:100%;">
                        <div class="col-xs-5">
                            <span>角色 : </span>
                        </div>
                        <div class="col-xs-7">
                            <!--<input type="text" class="form-control" name="enable" autocomplete="off">-->
                            <select class="form-control my-form-control choiceRoleIdList" name="roleId" style="width:100%;">

                            </select>
                        </div>
                    </div>
                    <div class="row mb24" style="width:100%;">
                        <div class="col-xs-5">
                            <span>所属组织 : </span>
                        </div>
                        <div class="col-xs-7">
                            <!--<input type="text" class="form-control" name="enable" autocomplete="off">-->
                            <select class="form-control my-form-control choiceOrgList" name="orgid" style="width:100%;">

                            </select>
                        </div>
                    </div>


                    <button type="submit" class="btn btn-primary addAccountBtn" style="background-color: #70abe1;border: none;">添加
                    </button>
                </form>

                <!-- 关闭 -->
                <a href="javascript:;" class="cd-popup-close closeModal"></a>

            </div>
        </div>

    </div>

    <div th:fragment="editAccount">
        <!-------------------------------------修改------------------------------>
        <!-- 账号修改模态框-->
        <div class="cd-popup3 editAccount-pop editAccountPopStyle editAccount authorizeModifiable" id="editAccountModal">
            <!-- style="display: block;visibility: visible" -->
            <div class="cd-popup-container3 editAccountModal">
                <div class="modal-title">账号修改</div>
                <form id="editAccountForm">
                    <div class="row mb24" style="width:100%;">
                        <div class="col-xs-5">
                            <span>账号 : </span>
                        </div>
                        <div class="col-xs-7">
                            <input type="text" class="form-control loginNameVal notEmptyInput" name="loginName" autocomplete="off">
                        </div>
                    </div>
                    <div class="row mb24" style="width:100%;">
                        <div class="col-xs-5">
                            <span>密码 : </span>
                        </div>
                        <div class="col-xs-7">
                            <input type="password" class="form-control passwordVal notEmptyInput" name="password" autocomplete="new-password" onfocus="this.type='password'">
                        </div>
                    </div>
                    <div class="row mb24" style="display:none;">
                        <div class="col-xs-5">
                            <span>userId : </span>
                        </div>
                        <div class="col-xs-7">
                            <input type="text" class="form-control useridVal notEmptyInput" name="userId" autocomplete="off">
                        </div>
                    </div>
                    <div class="row mb24" style="width:100%;">
                        <div class="col-xs-5">
                            <span>所属人 : </span>
                        </div>
                        <div class="col-xs-7">
                            <input type="text" class="form-control nameVal notEmptyInput" name="name" autocomplete="off">
                        </div>
                    </div>
                    <div class="row mb24" style="width:100%;">
                        <div class="col-xs-5">
                            <span>所属人电话 : </span>
                        </div>
                        <div class="col-xs-7">
                            <input type="text" class="form-control telephoneVal notEmptyInput" name="telephone" autocomplete="off">
                        </div>
                    </div>
                    <div class="row mb24" style="width:100%;">
                        <div class="col-xs-5">
                            <span>角色 : </span>
                        </div>
                        <div class="col-xs-7">
                            <!--<input type="text" class="form-control" name="enable" autocomplete="off">-->
                            <select class="form-control my-form-control choiceRoleIdList roleIdVal" name="roleId" style="width:100%;">

                            </select>
                        </div>
                    </div>
                    <div class="row mb24" style="width:100%;">
                        <div class="col-xs-5">
                            <span>所属组织 : </span>
                        </div>
                        <div class="col-xs-7">
                            <!--<input type="text" class="form-control" name="enable" autocomplete="off">-->
                            <select class="form-control my-form-control choiceOrgList orgidVal" name="orgid" style="width:100%;">

                            </select>
                        </div>
                    </div>


                    <button type="submit" class="btn btn-primary editAccountBtn" style="background-color: #70abe1;border: none;">确定
                    </button>
                </form>

                <!-- 关闭 -->
                <a href="javascript:;" class="cd-popup-close closeModal"></a>

            </div>
        </div>

    </div>
</body>

</html>